<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>中国铁路12306</title>
    <link rel="icon" href="/otn/resources/images/ots/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/login.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
    
</head>
<script type="js/jquery.min.js"></script>
<body>

<div id="box">
<!-- 头部 -->
		<header>
			<div class="logo">
				<a href="homepage.jsp"><img src="images/logo@2x.png"></a>
			</div>
			<div class="header-welcome">
				欢迎登录12306
			</div>
		</header>
<!-- 轮播图+登录 -->
    <div id="slideshow">
    <ul id="imglist">
        <li><img src="images/banner-login-20200629.jpg" alt=""></li>
        <li><img src="images/banner-login-20200924.jpg" alt=""></li>
    </ul>
    <ul id="dotlist">
        <li></li>
        <li></li>
    </ul>
        <div id="login-panel">
             <div id="login-box">
                <div id="login-hd">
                    <div class="login-num"><a href="#">账号登录</a></div>
                    <div class="login-scan"><a href="#">扫码登录</a></div>
                </div>
                <div id="login-bd">
                    <form action="login.do" method = "post">
                        <p>
                            <input type="text" placeholder="用户名/邮箱/手机号" id="imgInputHead" name="message">
                        </p>
                        <p>
                            <input type="password" placeholder="密码" id="imgInputLock" name="user_password">
                        </p>
                        <p>
                            <input type="submit" id="submitInput" value="立即登录">
                        </p>
                    </form>
                </div>
                <div id="login-ft">
                    <div id="login-ft-up">
                        <div id="login-ft-up-left">
                            <a href="register.jsp">注册12306账号</a>&nbsp;&nbsp;
                        </div>
                        <div id="login-ft-up-right">
                            &nbsp;&nbsp;<a href="">忘记密码?</a>
                        </div>
                    </div>
                    <div id="login-ft-down">铁路12306每日服务时间详见<a href="">《铁路互联网购票须知》</a></div>
                </div>
            </div> 
        </div>
    </div>
        <!--  -->
       
    <footer>
        <div id="footer-box">
            <div id="fridendship-link">
                <h4>友情链接</h4>
                <ul id="link-top">
                    <li>
                        <a href="">
                            <img src="images/link05.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/link02.png" alt="">
                        </a>
                    </li>
                </ul>
                <ul id="link-down">
                    <li>
                        <a href="">
                            <img src="images/link03.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/link04.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div id="WeChat">
                <div class="imgDiv">
                    <h5 class="foot-con-tit">中国铁路官方微博</h5>
                        <div class="code-pic01">
                            <img src="images/zgtlwb.png"/>
                        </div>
                </div>
                <div class="imgDiv">
                    <h5 class="foot-con-tit">中国铁路官方微信</h5>
                        <div class="code-pic02">
                            <img src="images/zgtlwx.png"/>
                        </div>
                </div>
                <div class="imgDiv">
                    <h5 class="foot-con-tit">12306 公众号</h5>
                        <div class="code-pic03">
                            <img src="images/public.png"/>
                        </div>
                </div>
                <div class="imgDiv">
                    <h5 class="foot-con-tit">铁路12306</h5>
                        <div class="code-pic04">
                            <img src="images/downloads.png"/>
                        </div>
                </div>
                <div class="imgDiv">
                    <div class="code-tips">官方APP下载,目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。</div>
                </div>
            </div>
        </div>
        <div id="footer-footer">
            <div id="footer-center">
                <div id="footer-left">
                    <p class="p1">版权所有©2008-2022&nbsp;&nbsp;&nbsp;中国铁道科学研究院集团有限公司&nbsp;&nbsp;&nbsp;技术支持：铁旅科技有限公司</p>
                    <p class="p2">
                        <img src="images/gongan.png" alt=""><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802038392">京公网安备 11010802038392号</a> 中国国家铁路集团有限公司 | 京ICP备05020493号-4 | ICP证：京B2-20202537
                    </p>
                </div>
                <div id="footer-right">
                    <img src="images/footer-slh.jpg" alt="">
                </div>
            
            </div>
        </div>
    </footer>
</div>
    
</body>
<script type="text/javascript" src="js/login.js"></script>
</html>